<template>
  <MovieLayout :title="'影视资源'" :items="routeList">
    <RouterView />
  </MovieLayout>
</template>

<script setup lang="ts">
import MovieLayout from '@/components/layouts/MovieLayout.vue';

const routeList = [
  { path: '/movie/moviePage/0', title: '推荐', icon: 'M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' },
  { path: '/movie/moviePage/1', title: '电影', icon: 'M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z' },
  { path: '/movie/moviePage/2', title: '电视剧', icon: 'M21 17H3V5h18v12zm-10 0h10v2H11zm0-4h10v2H11zm0-4h10v2H11z' },
  { path: '/movie/moviePage/3', title: '动漫', icon: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z' },
  { path: '/movie/moviePage/4', title: '综艺', icon: 'M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 10h2v7H7zm4-3h2v10h-2zm4 6h2v4h-2z' },
  { path: '/movie/moviePage/5', title: '短剧', icon: 'M15 10H3v2h12v-2zm0-4H3v2h12V6zm4 8h-2v4h-4v2h6v-6zm2-10H11v2h10V4z' }
];
</script>
